<template>
  <div id="app">
<!--    <index v-if="SysRole.length" :data='SysRole' />-->
    <router-view />
  </div>
</template>

<script>
// import index from "./views/index.vue"
// import axios from 'axios'

export default  {
// components: { index },
//   data: () => ({
//     SysRole: []
//   }),
//   async created() {
//     const res = await axios.get("http://localhost:8080/system/role/list")
//     this.SysRole = res.data;
//   },


  name:  'App',
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
}
</script>
